/**标记点**/
import { getImageUrl } from '../../utils/base';
import tooltip from '../tooltip/tooltip.vue';
import { createApp, h } from 'vue';
let instance = createApp({
	render() {
		return h(tooltip);
	}
});
let doms = document.createElement('div');
instance.mount(doms);
const markers1 = [
	{
		id: 'guide-1',
		position: {
			yaw: '5.4380570429884925',
			pitch: '-0.9789337295220357'
		},
		image: getImageUrl('PhotoSphere/icon1.png'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '党支部',
			className: 'custom-tooltip',
			position: 'bottom',
			trigger: 'chan'
		}
	},
	{
		id: 'guide-2',
		position: {
			yaw: '4.490522197548825',
			pitch: '-0.8910271626763242'
		},
		image: getImageUrl('PhotoSphere/icon2.png'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '经济体',
			className: 'custom-tooltip',
			position: 'bottom',
			trigger: 'chan'
		}
	},
	{
		id: 'guide-3',
		position: {
			yaw: '0.15971046527098062',
			pitch: '-1.0472111413271792'
		},
		image: getImageUrl('PhotoSphere/icon3.png'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '公共设施',
			className: 'custom-tooltip',
			position: 'bottom',
			trigger: 'chan'
		}
	}
	// {
	// 	id: 'guide-4',
	// 	position: {
	// 		yaw: '5.365620715262616',
	// 		pitch: '- 0.5592021097368254'
	// 	},
	// 	image: getImageUrl('PhotoSphere/icon4.png'),
	// 	size: {
	// 		width: 50,
	// 		height: 50
	// 	},
	// 	tooltip: {
	// 		content: '红色景点',
	// 		className: 'custom-tooltip',
	// 		position: 'bottom',
	// 		trigger: 'chan'
	// 	}
	// }
	// {
	// 	id: 'guide-2',
	// 	position: {
	// 		yaw: '2.024835775299782',
	// 		pitch: '-0.6601597350598372'
	// 	},
	// 	image: getImageUrl('arrow.gif'),
	// 	size: {
	// 		width: 50,
	// 		height: 50
	// 	}
	// },
	// {
	// 	id: 'video-4',
	// 	position: {
	// 		yaw: '6.023883039115196',
	// 		pitch: '0.10174752585886959'
	// 	},
	// 	image: getImageUrl('camera.png'),
	// 	size: {
	// 		width: 50,
	// 		height: 50
	// 	},
	// 	anchor: 'Holly'
	// }
];
const markers2 = [
	{
		id: 'ponit',
		position: {
			yaw: '0.03647668809587152',
			pitch: '0.0322780198694097'
		},
		tooltip: {
			content: doms.innerHTML,
			className: 'custom-tooltip11',
			position: 'top',
			trigger: 'click'
		},
		image: getImageUrl('local.png'),
		size: {
			width: 50,
			height: 50
		}
	},
	{
		id: 'guide-2',
		position: {
			yaw: ' 0.5439992930583906',
			pitch: ' -0.19602049146793155'
		},
		image: getImageUrl('arrow.gif'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '进入党建室',
			className: 'custom-tooltip',
			position: 'top',
			trigger: 'chan'
		}
	}
];
const markers3 = [
	{
		id: 'guide-3',
		position: {
			yaw: '3.461114428845949',
			pitch: '-0.2685324905604025'
		},
		image: getImageUrl('arrow.gif'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '出门',
			className: 'custom-tooltip',
			position: 'top',
			trigger: 'chan'
		}
	},
	{
		id: 'guide-4',
		position: {
			yaw: '3.461114428845949',
			pitch: '-0.2685324905604025'
		},
		image: getImageUrl('arrow.gif'),
		size: {
			width: 50,
			height: 50
		},
		tooltip: {
			content: '出门',
			className: 'custom-tooltip',
			position: 'top',
			trigger: 'chan'
		}
	},
	{
		id: '212121',
		position: [
			{ yaw: 5.980080563452789, pitch: 0.0029871022987753015 },
			{ yaw: 0.0250212175022652, pitch: -0.007783482676043896 },
			{ yaw: 0.018148283476446002, pitch: -0.20252599628256363 },
			{ yaw: 5.97319660021306, pitch: -0.1902073835963658 }
		],
		videoLayer: getImageUrl('video/dangjian.mp4'),
		orientation: 'horizontal'
	}
];
/**全景图片列表**/
export const photos1 = [
	{
		id: 'sphere',
		panorama: getImageUrl('sm/sm-1.jpg'),
		thumbnail: getImageUrl('guide/2_thumbnail.jpg'),
		name: '图一',
		options: {
			caption: '图一'
		},
		markers: markers1
	},
	{
		id: 'sphere-test',
		panorama: getImageUrl('sm/sm-2.jpg'),
		thumbnail: getImageUrl('guide/3_thumbnail.jpg'),
		name: '图二',
		options: {
			caption: '图二'
		},
		markers: markers2
	},
	{
		id: 'key-biscayne',
		panorama: getImageUrl('sm/sm-3.JPG'),
		thumbnail: getImageUrl('guide/3_thumbnail.jpg'),
		name: '图三',
		options: {
			caption: '图三'
		},
		markers: markers3
	}
];

// export const photos2 = [
// 	{
// 		id: 'sphere1',
// 		panorama: import('./../assets/floor/037.jpg'),
// 		thumbnail: import('./../assets/floor/037_thumbnail.jpg'),
// 		options: {
// 			caption: '图2.1'
// 		},
// 		markers: [
// 			{
// 				id: 'guide-1',
// 				position: {
// 					yaw: '-170deg',
// 					pitch: '4deg'
// 				},
// 				image: import('./../assets/arrow.gif'),
// 				size: {
// 					width: 50,
// 					height: 50
// 				},
// 				tooltip: {
// 					content: '往展厅2',
// 					className: 'custom-tooltip',
// 					position: 'top',
// 					trigger: 'chan'
// 				}
// 			}
// 		]
// 	},
// 	{
// 		id: 'sphere2',
// 		panorama: import('./../assets/floor/038.jpg'),
// 		thumbnail: import('./../assets/floor/038_thumbnail.jpg'),
// 		options: {
// 			caption: '图2.1'
// 		},
// 		markers: [
// 			{
// 				id: 'guide-0',
// 				position: {
// 					yaw: '35deg',
// 					pitch: '-5deg'
// 				},
// 				image: import('./../assets/arrow.gif'),
// 				size: {
// 					width: 50,
// 					height: 50
// 				},
// 				tooltip: {
// 					content: '回展厅1',
// 					className: 'custom-tooltip',
// 					position: 'top',
// 					trigger: 'click'
// 				}
// 			}
// 		]
// 	},
// 	{
// 		id: 'sphere3',
// 		panorama: import('./../assets/floor/039.jpg'),
// 		thumbnail: import('./../assets/floor/039_thumbnail.jpg'),
// 		options: {
// 			caption: '图2.1'
// 		},
// 		markers: [
// 			{
// 				id: 'guide-3',
// 				position: {
// 					yaw: '125deg',
// 					pitch: '-5deg'
// 				},
// 				image: import('./../assets/arrow.gif'),
// 				size: {
// 					width: 50,
// 					height: 50
// 				},
// 				tooltip: {
// 					content: '去展厅4',
// 					className: 'custom-tooltip',
// 					position: 'top',
// 					trigger: 'click'
// 				}
// 			}
// 		]
// 	},
// 	{
// 		id: 'sphere4',
// 		panorama: import('./../assets/floor/040.jpg'),
// 		thumbnail: import('./../assets/floor/040_thumbnail.jpg'),
// 		options: {
// 			caption: '图2.1'
// 		},
// 		markers: [
// 			{
// 				id: 'guide-2',
// 				position: {
// 					yaw: '35deg',
// 					pitch: '-5deg'
// 				},
// 				image: import('./../assets/arrow.gif'),
// 				size: {
// 					width: 50,
// 					height: 50
// 				},
// 				tooltip: {
// 					content: '去展厅3',
// 					className: 'custom-tooltip',
// 					position: 'top',
// 					trigger: 'click'
// 				}
// 			},
// 			{
// 				id: 'mark-3',
// 				position: {
// 					yaw: '85deg',
// 					pitch: '-5deg'
// 				},
// 				image: import('./../assets/exit.png'),
// 				size: {
// 					width: 50,
// 					height: 50
// 				},
// 				tooltip: {
// 					content: '安全出口',
// 					className: 'custom-tooltip',
// 					position: 'top',
// 					trigger: 'click'
// 				}
// 			}
// 		]
// 	}
// ];
